<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/lbt.css" />
    <link rel="stylesheet" href="./css/spjs.css" />
</head>

<body>
    <!-- 侧边导航按钮 -->
    <div class="cbl">
        <div class="cbl-a">
            <div class="a1">
                <a href="#"></a>
                <div class="b1">京东会员</div>
            </div>

            <div class="a1">
                <a href="#"></a>
                <div class="b1">购物车</div>
            </div>

            <div class="a1">
                <a href="#"></a>
                <div class="b1">我的关注</div>
            </div>

            <div class="a1">
                <a href="#"></a>
                <div class="b1">我的足迹</div>
            </div>

            <div class="a1">
                <a href="#"></a>
                <div class="b1">我的消息</div>
            </div>

            <div class="a1">
                <a href="#"></a>
                <div class="b1">咨询JIMI</div>
            </div>

            <div class="a1">
                <a href="#"></a>
                <div class="b1">反馈</div>
            </div>
        </div>
    </div>
    <!-- 头部广告部分 -->
    <nav>
        <a href="#"><img src="./image/header.jpg" alt=""></a>
    </nav>
    <!-- 导航条部分 -->
    <div class="dh">

        <div class="dh-a">
            <div class="dw">
                <span></span>
                <span><a href="#">广州</a></span>
            </div>
            <ul>
                <li><a href="#">你好，请登录</a><a href="#"> 免费注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的京东 </a></li>
                <li><a href="#">京东会员</a></li>
                <li><a href="#">企业采购</a></li>
                <li><a href="#">客户服务 </a></li>
                <li><a href="#">网站导航 </a></li>
                <li><a href="#">手机京东</a> </li>
            </ul>
        </div>
    </div>
    <!-- 搜索栏部分 -->
    <div class="sfgm">
        <div class="sfgm-a">
            <div class="logo"><img src="./image/logo.png"></div>
            <div class="shang">
                <div class="shang-a">
                    <div class="ss">
                        <form>
                            <!-- 定义表单 -->
                            <input type="text" placeholder="惊爆价">
                            <!-- 文本框 -->
                            <!-- placeholder占位符，设置默认值 -->
                            <input type="submit" value="">
                            <!-- 提交按钮 -->
                        </form>
                    </div>
                    <!-- 搜索栏下方小菜单 -->
                    <div class="ssx">
                        <ul>
                            <li><a href="#">199减100</a></li>
                            <li><a href="#">鼠标试用</a></li>
                            <li><a href="#">农资7折</a></li>
                            <li><a href="#">低至29元</a></li>
                            <li><a href="#">抽奖赢空调</a></li>
                            <li><a href="#">记忆棉</a></li>
                            <li><a href="#">坐垫</a></li>
                            <li><a href="#">1分钟买油</a></li>
                            <li><a href="#">智能手表</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 购物车部分 -->
                <div class="gwc"><span></span><a href="#">我的购物车</a>
                    <div>0</div>
                </div>

            </div>
            <!-- 搜索栏下方大菜单 -->
            <div class="xia">
                <div class="xia-a">
                    <ul>
                        <li><a href="#">秒杀</a></li>
                        <li><a href="#">优惠券</a></li>
                        <li><a href="#">闪购</a></li>
                        <li><a href="#">拍卖</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">京东超市</a></li>
                        <li><a href="#">生鲜</a></li>
                        <li><a href="#">全球购</a></li>
                        <li><a href="#">京东金融</a></li>
                    </ul>
                </div>
                <div class="cjpl">
                    <a href="#"><img src="./image/super.png" alt=""></a>
                </div>
            </div>

        </div>
    </div>
    </div>
    <!-- 商品内容部分 -->
    <div class="nr-da">
        <div class="nr-da-a">
            <!-- 左分类部分 -->
            <div class="nr-zuo">
                <ul>
                    <li><a href="#">家用电器</a> </li>
                    <li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
                    <li><a href="#">电脑</a>/<a href="#">办公本</a>/<a href="#">游戏本</a></li>
                    <li><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li>
                    <li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li>
                    <li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li>
                    <li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
                    <li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a></li>
                    <li><a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li>
                    <li><a href="#">母婴</a>/<a href="#">玩具</a>/<a href="#">乐器</a></li>
                    <li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a><a href="#">特产</a></li>
                    <li><a href="#">艺术</a>/<a href="#">礼品鲜花</a>/<a href="#">农资绿植</a></li>
                    <li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
                    <li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">电子书</a></li>
                    <li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
                    <li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
                    <li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a>/<a href="#">二手</a></li>
                    <li><a href="#">工业品</a></li>
                </ul>
            </div>
            <!-- 轮播图部分 -->
            <div class="nr-lbt">
                <div class="banner">
                    <div class="banner-btn">
                        <a href="javascript:;" class="prevBtn"><i></i></a>
                        <a href="javascript:;" class="nextBtn"><i></i></a>
                    </div>
                    <ul class="banner-img">
                        <li>
                            <a href="#"><img src="./image/1.webp"></a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/2.webp"></a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/3.webp"></a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/4.webp"></a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/5.webp"></a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/6.webp"></a>
                        </li>
                    </ul>
                    <ul class="banner-circle"></ul>
                </div>
            </div>
            <!-- 右内容部分 -->
            <div class="nr-you">
                <div class="z">
                    <div>
                        <a href="#"><img src="./image/s.jpg"></a>
                    </div>
                    <div>
                        <a href="#"><img src="./image/z.jpg"></a>
                    </div>
                    <div>
                        <a href="#"><img src="./image/x.jpg"></a>
                    </div>
                </div>
                <div class="y">
                    <div>
                        <span><a href="#"><img src="./image/jdtx.png" alt=""></a></span>
                        <span><p>HI~欢迎来到京东!</p><p><a href="#">登录 </a><a href="#"> 注册</a></p></span>
                        <span><a href="#">新人福利</a><a href="#">PLUS会员</a></span>
                    </div>
                    <div>
                        <span><b>京东快报</b><a href="#">更多></a></span>
                        <span><a href="#">热门</a><a href="#">iPhone 11国行售价曝光，XR2也相应而出</a></span>
                        <span><a href="#">热门</a><a href="#">华为鸿蒙OS机型已确定！麒麟985+95%京东方屏</a></span>
                        <span><a href="#">热门</a><a href="#">电动车禁令已发布，摩托车时代就要来了</a></span>
                        <span><a href="#">热门</a><a href="#">太心疼小米，5500mAh+128G沦为千元旗舰！</a></span>
                    </div>
                    <div>
                        <span>
							<ul>
								<li><a href="#"><p></p><p>话费</p></a></li>
								<li><a href="#"><p></p><p>机场</p></a></li>
								<li><a href="#"><p></p><p>酒店</p></a></li>
								<li><a href="#"><p></p><p>游戏</p></a></li>
							</ul>
						</span>
                        <span>
							<ul>
								<li><a href="#"><p></p><p>企业购</p></a></li>
								<li><a href="#"><p></p><p>加油卡</p></a></li>
								<li><a href="#"><p></p><p>电影票</p></a></li>
								<li><a href="#"><p></p><p>火车票</p></a></li>
							</ul>
						</span>
                        <span>
							<ul>
								<li><a href="#"><p></p><p>众筹</p></a></li>
								<li><a href="#"><p></p><p>理财</p></a></li>
								<li><a href="#"><p></p><p>礼品卡</p></a></li>
								<li><a href="#"><p></p><p>白条</p></a></li>
							</ul>
						</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 商品介绍部分 -->
    <section class="main_box">
        <div class="box">
            <ul>
                <li class="on">
                    <a href="#">
                        <h3>游戏手机</h3>
                        <p>王者荣耀版领卷减300</p>
                        <img src="./image/1.png" alt="img">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>游戏手机</h3>
                        <p>王者荣耀版领卷减300</p>
                        <img src="./image/2.png" alt="img">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>游戏手机</h3>
                        <p>王者荣耀版领卷减300</p>
                        <img src="./image/3.png" alt="img">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>游戏手机</h3>
                        <p>王者荣耀版领卷减300</p>
                        <img src="./image/4.png" alt="img">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>游戏手机</h3>
                        <p>王者荣耀版领卷减300</p>
                        <img src="./image/5.png" alt="img">
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/lbt.js"></script>
    <script type="text/javascript" src="./js/spjs.js"></script>
    <!-- 页尾内容部分 -->
    <div class="wei">
        <!-- 多快好省部分 -->
        <div class="wei-a1">
            <ul>
                <li><span></span>
                    <h5>品类齐全，轻松购物</h5>
                </li>
                <li><span></span>
                    <h5>品类齐全，轻松购物</h5>
                </li>
                <li><span></span>
                    <h5>品类齐全，轻松购物</h5>
                </li>
                <li><span></span>
                    <h5>品类齐全，轻松购物</h5>
                </li>
            </ul>
        </div>
        <!-- 购物服务部分 -->
        <div class="wei-a2">
            <div>
                <ul>
                    <li>
                        <h5>购物指南</h5>
                    </li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">会员介绍</a></li>
                    <li><a href="#">生活旅行</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">大家电</a></li>
                    <li><a href="#">联系客服</a></li>
                </ul>
                <ul>
                    <li>
                        <h5>配送方式</h5>
                    </li>
                    <li><a href="#">上门自提</a></li>
                    <li><a href="#">211限时达</a></li>
                    <li><a href="#">配送服务</a></li>
                    <li><a href="#">配送费收取</a></li>
                    <li><a href="#">海外配送</a></li>
                </ul>
                <ul>
                    <li>
                        <h5>支付方式</h5>
                    </li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">在线支付</a></li>
                    <li><a href="#">分期付款</a></li>
                    <li><a href="#">邮局汇款</a></li>
                    <li><a href="#">公司转账</a></li>
                </ul>
                <ul>
                    <li>
                        <h5>售后服务</h5>
                    </li>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">价格保护</a></li>
                    <li><a href="#">退款说明</a></li>
                    <li><a href="#">返修/退换货</a></li>
                    <li><a href="#">取消订单</a></li>
                </ul>
                <ul>
                    <li>
                        <h5>特殊服务</h5>
                    </li>
                    <li><a href="#">夺宝岛</a></li>
                    <li><a href="#">DIY装机</a></li>
                    <li><a href="#">延保服务</a></li>
                    <li><a href="#">京东E卡</a></li>
                    <li><a href="#">京东通信</a></li>
                    <li><a href="#">京东JD+</a></li>
                </ul>
            </div>
            <div>
                <h4>京东自营覆盖区县</h4>
                <span>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和后上门服务。</span>
                <p><a href="#">查看详情></a></p>
            </div>
        </div>
        <!-- 版权部分 -->
        <div class="wei-a3">
            <p>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
                <a href="#">关于我们</a>
            </p>
            <p>
                京公网安备 11000002000088号<span>|</span> 京ICP证070359号
                <span>|</span> 互联网药品信息服务资格证编号(京)-经营性-2014-0008
                <span>|</span> 新出发京零 字第大120007号
            </p>
            <p>
                互联网出版许可证编号新出网证(京)字150号<span>|</span> 出版物经营许可证
                <span>|</span> 网络文化经营许可证京网文[2014]2148-348号
                <span>|</span> 违法和不良信息举报电话：4006561155
            </p>
            <p>
                Copyright © 2004 - 2017 京东JD.com 版权所有<span>|</span> 消费者维权热线：4006067733经营证照 京东旗下网站：京东支付<span>|</span> 京东云
            </p>
            <div>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
    </div>
</body>

</html>